#intro {
  h1,
  h2 {
    margin: 2.5em 0 0.5em;
  }

  h2 {
    font-size: 1.4em;
  }

  h3 {
    font-size: 1.275em;
    margin: 1.5em 0 0.5em;
  }

  h4 {
    font-size: 1.175em;
    margin: 1em 0 0.5em;
  }

  img {
    margin: 5em 0;
    max-width: 100%;
  }

  p {
    margin: 15px 0;
  }

  .content {
    flex-direction: column;
    align-items: center;
  }
}

.intro-docs {
  max-width: var(--ls-main-content-max-width, 100%)
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;

  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
